<template>
  <div class="container">
    <router-view></router-view>
  </div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
.container {
  font-size: 18px;
  width: 100%;
  min-height: 100dvh;
  position: absolute;
  bottom: 0;
  left: 0;
  @include font_color('font_color1');
  @include background_color('background_color1');
  @include border_color('border_color1');
  transition: all 0.5s;
}
</style>
<style>
.message_error .ant-message-notice-content{ 
  background-color: #FEF0F0;
  border:1px solid #FDE2E2;
  color: #FF4D4F;
}
.message_success .ant-message-notice-content{ 
  background-color: #F6FFED;
  border:1px solid #B7EB8F;
  color: #52C41A;
}
.message_info .ant-message-notice-content{ 
  background-color: #E6F4FF;
  border:1px solid #91CAFF;
  color: #1677FF;
}
.message_warning .ant-message-notice-content{ 
  background-color: #FFFBE6;
  border:1px solid #FFE58F;
  color: #FAAD14;
}
</style>
